.myul li:first-child{
    color: blue;
}
.myul li:last-child{
    color: blue;
}
.myul li:nth-child(2){
    color: brown;
}
/*下一个同级元素*/
.thirdLi+li{
    background-color: antiquewhite;
}
.s2+strong{
    color: red;
}
/* 先找到class=p1的 直接下一层子元素 */
.p1>strong{
    background-color: yellow;
}
/* 输入框获得焦点 */
.username:focus{
    background-color: aquamarine;
}
/* class=" gender" && 元素具有checked属性*/
.gender:checked{
    width: 30px;
    height: 30px;
    background-color: blue;
}
/* 获得到所有属性值为disable的元素 */
:disabled{
    background-color: aquamarine;
}
input[type="checkbox"]{
    width:40px;
    height: 40px;
}